.financial-course-list{
  width: 100%;
  position: relative;
  .financial-course-cards-area{
    width: 100%;
    .financial-course-cards{
      display: inline-block;
      margin: 0 20px 30px 0;
      vertical-align: top;
    }
  }
  .ant-card-meta-description{
    width: 218px;
    white-space: pre-wrap;
    word-break: break-all;

    height: 45px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ant-card-meta-title{
    width: 218px;
    white-space: pre-wrap;
    word-break: break-all;

    height: 44px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .player-area{
    background: $font-title;
    position: fixed;
    top: 65px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    #player{
      position: absolute;
      left: 50%;
      top: 50%;
    }
    .player-area-close{
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 18px;
      font-weight: 600;
      cursor: pointer;
      color: #999999;
      &:hover{
        color: white;
      }
    }
  }
}
